<?
layout("/inc/win_layout.html",{title:sysTitle}){
    ?>
 <div class="page-content">
		<div style="height: 400px;overflow :auto;">
			<table class="table table-hover table-striped table-bordered table-advanced tablesorter mbn">
				<thead>
					<tr>
						<th width="8%">序号</th>
						<th>类名</th>
						<th>数据源</th>
						<th>表名称</th>
						<th>数据总数</th>
						<th>数据更新时间</th>
					</tr>
				</thead>
				<tbody id="chartText"></tbody>
			</table>
		</div>
	</div>
<?} ?>

<script type="text/javascript">
	var structureChartId = window.parent.getStructureChartId();
	var structureChartClassesEn = window.parent.getStructureChartClassesEn();
	$(function() {
		demo();
	});
	function demo() {
		$.ajax({
			type : "post",
			url : "getDatabaseChartAll.do",
			dataType : "json",
			data:{
				"structureChartId":structureChartId,
				"structureChartClassesEn":structureChartClassesEn,
			},
			traditional : true,
			beforeSend : function(XMLHttpRequest) {},
			success:function(res){
				//此处仅仅是为了演示变化的内容
				var str = "";
				for ( var i = 0; i <res.length; i++) {
					str += "<tr>"
							+"<td>"+ (i + 1)+ "</td>"
							+"<td> <label>"+ res[i].calssesName + "</label></td>"
							+"<td><label >"+ res[i].shardingDataSourceName + "</label></td>"
							+"<td><label >"+ res[i].tableName + "</label></td>"
							+"<td><label >"+ res[i].dataCount + "</label></td>"
							+"<td><label >"+ res[i].updateTime + "</label></td>"
							+ "</tr>";
				}
				$("#chartText").html(str);
			},
			error:function(){
			}

		});
	};

</script>